<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>铁路管理系统</title>

    <!-- Bootstrap -->
    <link href="static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="static/vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- Animate.css -->
    <link href="static/vendors/animate.css/animate.min.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="static/build/css/custom.min.css" rel="stylesheet">
  </head>

  <body class="login">
    <div>
      <a class="hiddenanchor" id="signup"></a>
      <a class="hiddenanchor" id="signin"></a>

      <div class="login_wrapper">
        <div class="animate form login_form">
          <section class="login_content">
            <form name="login" method="POST">
              <h1>Login</h1>
              <div>
                <div>
                  <input type="text" class="form-control" placeholder="Username" name="login_username" id="login_username" required=""/>
                  <input type="password" class="form-control" placeholder="Password" name="login_password" id="login_password" required="" />
                </div>

                <input class="btn btn-default submit" style=＂display:center;＂ type='submit' name="submit" value="Sign In">

                <div style="color:#FF0000; float:right">
                  {% for message in get_flashed_messages() %}
                    <em class="flash" style="color: 00f">{{ message }}</em>
                  {% endfor %}
                </div>
              </div>

              <div  class="clearfix"></div>

              <div class="separator">
<!--                <p class="change_link">New to site?-->
<!--                  <a href="#signup" class="to_register"> Create Account </a>-->
<!--                </p>-->

                <div class="clearfix"></div>
                <br />

                <div>
                  <h1>Railway Manager</h1>
                  <p>@2021 railway system groups</p>
                </div>
              </div>
            </form>
          </section>
        </div>

        <div id="register" class="animate form registration_form">
          <section class="login_content">
            <form name="register" method="POST">
              <h1>Create Account</h1>

              <div>
                <input type="text" class="form-control" placeholder="Username" name="register_username" required="" />
              </div>
              <div>
                <input type="password" class="form-control" placeholder="Password" name="register_password1" required="" />
              </div>
              <div>
                <input type="password" class="form-control" placeholder="Password Again" name="register_password2" required="" />
              </div>
              <div>
                <input class="btn btn-default submit" style=＂display:center;＂ type='submit' name="submit" value="Sign Up">

                <div style="color:#FF0000; float:right">
                  {% for message in get_flashed_messages() %}
                    <em class="flash" style="color: 00f">{{ message }}</em>
                  {% endfor %}
                </div>

              </div>

              <div class="clearfix"></div>

              <div class="separator">
                <p class="change_link">Already a member ?
                  <a href="#signin" class="to_register"> Log in </a>
                </p>

                <div class="clearfix"></div>
                <br />

                <div>
                  <h1>Railway Manager</h1>
                  <p>@2021 railway system groups</p>
                </div>
              </div>
            </form>
          </section>
        </div>
      </div>
    </div>
  </body>
</html>
